<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Segunda presentacion analisis</title>
 <script type="text/javascript" src="jquery/jquery.min.js"></script>
 <script type="text/javascript" src="jquery/ui/jquery-ui-1.8.16.custom.js"></script>                              
<script language="JavaScript" type="text/javascript">
    function Mostrar(titulo,imagen){
			document.getElementById("dv_titulo").innerHTML="<h1>"+titulo+"</h1>";
			document.getElementById("dv_contenido").innerHTML="<img src='IMG/"+imagen+"'>";
			
        $('#dv_contenido').show( "slide",{
            horizFirst: true
        },550 );
    
	}
</script>


</head>

<body background="IMG/fondo.JPG" >
<br/>
<table border="0" cellpadding="1" cellspacing="3" width="90%" align="center" bgcolor="#003300" height="80%">
<tr bgcolor="#FFFFFF" height="20%">
	<td colspan="2" align="center" height="30"><h1>An&aacute;lisis de sistemas</h1><h2>Proyecto </h2></td>
</tr>
<tr bgcolor="#FFFFFF" height="400" valign="top" align="left">
	<td width="25%" height="550" align="left">
    <div style="OVERFLOW: auto; 
	HEIGHT:100%" >
    <ol type="I">
    	<li><h4>Casos de uso</h4>
        <ol>
        	<li><a href="javascript:Mostrar('CASO DE USO: CITA M&Eacute;DICA','caso de uso CITA.jpg')">Cita m&eacute;dica</a>
           	
        </ol>
        <li><h4>Diagrama de secuencia</h4>
        <ol>
         	<li><a href="javascript:Mostrar('DIAGRAMA DE SECUENCIA: CREAR CITA','SECUENCIA - crear cita.jpg')">Crear cita</a>
           	<li><a href="javascript:Mostrar('DIAGRAMA DE SECUENCIA: MODIFICAR CITA','SECUENCIA -modi cita.jpg')">Modificar cita</a>
           	<li><a href="javascript:Mostrar('DIAGRAMA DE SECUENCIA: CANCELAR CITA','SECUENCIA cancelar cita.jpg')">Cancelar cita</a>
            <li><a href="javascript:Mostrar('DIAGRAMA DE SECUENCIA: RENOVAR CITA','SECUENCIA cancelar cita.jpg')">Cancelar cita</a>
           
        </ol>
        <li><h4>Diagrama de colaboracion</h4>
        <ol>
        	<li><a href="javascript:Mostrar('DIAGRAMA DE COLABORACI&Oacute;N: CREAR CITA','COLABORACION crear cita.jpg')">Crear cita</a>
            <li><a href="javascript:Mostrar('DIAGRAMA DE COLABORACI&Oacute;N: MODIFICAR CITA','COLABORACION modificar cita.jpg')">Modificar cita</a>	
            <li><a href="javascript:Mostrar('DIAGRAMA DE COLABORACI&Oacute;N: CANCELAR CITA','COLABORACION cancelar cita.jpg')">Cancelar cita</a>
            
        </ol>
        <li><h4>Diagrama de actividad</h4>
         <ol>
        	<li><a href="javascript:Mostrar('DIAGRAMA DE ACTIVIDAD: CREAR CITA','ACTIVIDAD crear cita.jpg')">Crear cita</a>
            <li><a href="javascript:Mostrar('DIAGRAMA DE ACTIVIDAD: MODIFICAR CITA','ACTIVIDAD modificar cita.jpg')">Modificar cita</a>
            <li><a href="javascript:Mostrar('DIAGRAMA DE ACTIVIDAD: CANCELAR CITA','ACTIVIDAD cancelar cita.jpg')">Cancelar cita</a>
            
        </ol>
        <li><h4>Diagrama de estados</h4>
         <ol>
        	<li><a href="javascript:Mostrar('DIAGRAMA DE ESTADOS: CITA M&Eacute;DICA','ESTADOS cita.jpg')">Cita m&eacute;dica</a>
            
        </ol>
    </ol>
    </div>
    
    
    </td>
    
 <td width="80%"><div id="dv_titulo" style="color:#006" align="center"></div><div id="dv_contenido" align="center"></div></td>
</tr>
</table>
</body>
</html>
